let laypage = layui.laypage
let data = {
	pagenum: 1,
	pagesize: 3
}



function fn() {
	$.ajax({
		url: 'admin/users',
		data: data,
		success: function (res) {
			console.log(res);

			let str = ''
			res.data.forEach(item => {
				str += `
                <tr>
                        <td>${item.id}</td>
                        <td>${item.username}</td>
                        <td>${item.nickname}</td>
                        <td>${item.email}</td>

                        <td>
                         <button type="button" data-id="${item.id}"  class="layui-btn  layui-btn-xs">编辑</button>
                       <button type="button" data-id="${item.id}" class="layui-btn  layui-btn-xs layui-btn-danger">删除</button>
                        <button type="button" data-id="${item.id}" class="layui-btn  layui-btn-xs  layui-btn-normal">重置密码</button>
                        </td>

                    </tr>
                `
			});
			$('tbody').html(str)

		}

	})
}
fn()
//编辑

$('tbody').on('click', "button:contains('编辑')", function () {


	location.href = './edit.html'


})




// 删除
$('tbody').on('click', 'button:contains("删除")', function () {
	let id = $(this).data('id')
	let that = $(this)
	layer.confirm('确定要删除吗？', function (index) {
		that.parent('tr').remove()
		$.ajax({
			type: 'delete',
			url: 'admin/users/' + id,
			success: function (res) {
				if (res.status === 0) {
					layer.msg(res.message)
					fn()
				}
			}
		})
		layer.close(index) //关闭弹层
	})
})


// 实现分页
function fun(t) {
	laypage.render({
		elem: 'page',
		count: t,
		limit: data.pagesize,
		limits: [2, 3, 4, 5],
		curr: data.pagenum,

		layout: ['limit', 'prev', 'page', 'next', 'count', 'skip'],

		jump: function (obj, first) {

			if (!first) {

				data.pagenum = obj.curr;
				data.pagesize = obj.limit;
				fn();
			}
		}
	});
}
fun()

// 重置密码

$('form').on('submit', function (e) {
	e.preventDefault();
	var data = $(this).serialize();
	$.ajax({
		type: 'PUT',
		url: 'admin/users/' + id,
		data: data,
		success: function (res) {
			layer.msg(res.message);
			if (res.status === 0) {
				layer.msg(res.message)
				fn();
			}
		}
	})
});
//  修改分类 
var editIndex;
// 1. 点击重置密码，出现弹层
$('tbody').on('click', 'button:contains("重置密码")', function () {
	// 获取事件源的三个自定义属性值
	var shuju = $(this).data();
	editIndex = layer.open({
		type: 1,
		title: '重置密码',
		content: $('#tpl-edit').html(),
		area: ['500px', '250px'],
		// 弹层后，调用下面的success函数
		success: function () {
			// 完成数据回填 （或者叫做为表单赋值）
			$('#edit-form input[name=name]').val(shuju.name);
			$('#edit-form input[name=alias]').val(shuju.alias);
			$('#edit-form input[name=id]').val(shuju.id);
		}
	});
})

// 3. 表单提交，完成修改
$('body').on('submit', '#edit-form', function (e) {
	e.preventDefault();
	var data = $(this).serialize();
	// console.log(data);

	$.ajax({
		type: 'POST',
		url: 'my/category/update',
		data: data,
		success: function (res) {
			// 提示
			layer.msg(res.message);
			// 成功后，更新页面数据，关闭弹层
			if (res.status === 0) {
				renderCategory();
				layer.close(editIndex);
			}
		}
	});
})